<div class="modal-header">
  <h3>添加应用</h3>
</div>
<div class="modal-body">
  <div class="row">
    <div class="col-6">
      <m-key-search [label_text]="'可选软件'" #selectRef></m-key-search>
      <m-api-data-table
        [dataSource]="dataSource"
        [selection]="selection"
        [defaultOption]="defaultOption"
        [searchControl]="selectRef"
      >
        <ng-container mDataTableColumn>
          <ng-template let-icon="icon">
            <td>
              <img width="24px" height="24px" [src]="icon" alt="">
            </td>
          </ng-template>
        </ng-container>
        <ng-container mDataTableColumn header="名称">
          <ng-template let-name="name">
            <td>{{ name }}</td>
          </ng-template>
        </ng-container>
        <ng-container mDataTableColumn header="架构">
          <ng-template let-architecture="architecture">
            <td>{{ architecture }}</td>
          </ng-template>
        </ng-container>
      </m-api-data-table>
    </div>
    <div class="col-6">
      <m-key-search [label_text]="'已选软件'" #selectedRef></m-key-search>
      <m-api-data-table
        [dataSource]="selectedService$ | async"
        [selection]="selection"
        [searchControl]="selectedRef"
      >
        <ng-container mDataTableColumn>
          <ng-template let-icon="icon">
            <td>
              <img width="24px" height="24px" [src]="icon" alt="">
            </td>
          </ng-template>
        </ng-container>
        <ng-container mDataTableColumn header="名称">
          <ng-template let-name="name">
            <td>{{ name }}</td>
          </ng-template>
        </ng-container>
        <ng-container mDataTableColumn header="架构">
          <ng-template let-architecture="architecture">
            <td>{{ architecture }}</td>
          </ng-template>
        </ng-container>
      </m-api-data-table>
    </div>
  </div>
</div>
<div class="modal-footer">
  <button class="btn btn-secondary" (click)="cancel()">取消</button>
  <button class="btn btn-primary" (click)="save()">保存</button>
</div>
